/**index.wxss**/
// less的unit解决rpx格式化问题
page {
  height: 100%;
  width: 100%;

  // 地图全屏
  map {
    width: 100%;
    height: 100%;

    // 左上角按钮
    .icon-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      width: unit(87, rpx);
      margin-top: unit(30, rpx);
      height: unit(136, rpx);
      opacity: .6;

      cover-image {
        width: unit(60, rpx);
        height: unit(60, rpx);
      }
    }


    // 底部按钮
    .btn-container {
      width: unit(600, rpx);
      margin-left: unit(75, rpx);
      bottom: 7%;
      position: absolute;
      height: unit(70, rpx);
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: .9;
    }

  }


}
